<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>两个合并的属性</p>

    <img src="image.png" width="30%">

    <table border="1">
        <tr>
            <td colspan="2">hello</td>
            <!-- 需要删除被组合的单元格 -->
            <!-- <td>hello</td> -->
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td rowspan="3">hello</td>
            <!-- 后面的行对应的单元格也需要删除 -->
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td colspan="2" rowspan="2">1</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>6</td>
            <td>7</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
    </table>

    <p>为什么删除？</p>
    <p>水平合并，保留左边，删除右边</p>
    <p>垂直合并，保留上边，删除下边</p>
    <p>以”左上“为基准，水平垂直同时合并同理，以左上角的单元格为基准</p>

</body>

</html>